@charset "UTF-8";
html{
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  /*font-size: 62.5%;*/
  /*font-family:'SourceHanSansCN-Normal';*/
}
html,body{
  -webkit-touch-callout:none;
  -webkit-text-size-adjust:none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  -webkit-user-select:none;
  width: 100%;
  height:100%;
  color:#2F0000;
  background:#f3f3f3 ;
}
body{
  /*font-size:14px;*/
  outline: 0;
  /*-webkit-user-select:all ;  user-select:all ;*/
}
html,body,a,address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var,header,footer,main,div{
  margin: 0;
  padding: 0;
  border:0;
  font-style:normal;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {  display: block  }
hr { -moz-box-sizing: content-box;  box-sizing: content-box; height: 0  }
img {border: 0; vertical-align: middle ;}
strong{font-weight: normal;}
em, i, u {font-style: normal;}

#wrap {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-flow: column;
  flex-flow: column;
  z-index: 1;
}

/*自动隐藏文字*/
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ellipsis-1 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*水平线*/
.hr {
  width: 100%;
  position: relative;
  border-top: 1px solid #dddddd;
  height: 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
  .hr{
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  }
}

/*文字类*/
.text-l {text-align: left;}
.text-c {text-align: center;}
.text-j {text-align: justify;}
.text-r {text-align: right;}

/*超出溢出处理 bfc触发*/
.overflow-h{overflow: hidden;}
.overflow-a{overflow: auto;}

/*清除浮动*/
.clear {clear: both;}
.clear:before {display: table;content: " ";}
.clear:after {clear: both;}

.li22{line-height: .22rem;}
.li18{line-height: .18rem;}

.font-a{word-wrap: break-word;}
.font-w{font-weight:bold;}
.font-wi{font-weight:bolder;}

/*对齐,显示，隐藏等*/
.pull-r {float: right !important;}
.pull-l {float: left !important;}
.hide {display: none;}
.hidden {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.inline {display: inline-block;vertical-align: top;}
.display-i {display: inline;}
.display-ib {display: inline-block;}
.display-b,.show{display: block !important;}

/*宽度类*/
.w100{width: 100% !important;}
.w80{width: 80%;}
.w50{width: 50%;}
.w25{width: 25%;}
.w33{width: 33.333333%;}
.w-auto{width: auto;}

/*位置*/
.position-r {position: relative;}
.position-a {position: absolute;}
.position-f{position: fixed;}

/*边框样式*/
.box-sizing{box-sizing: border-box;-webkit-box-sizing: border-box;}
.box-shadow{box-shadow:1px 0 1px 2px #ccc;}
.border-n{border: none; }
.border-l {
  border-left: 1px solid #dddddd;
}
.border-r {
  border-right: 1px solid #dddddd;
}
.border-t {
  border-top: 1px solid #dddddd;
}
.border-b {
  border-bottom: 1px solid #dddddd;
}
.border {
  border: 1px solid #dddddd;
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
  .border-l {
    border: none;
    background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
    background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background-position: left;
  }
  .border-r {
    border: none;
    background-image: -webkit-linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%);
    background-image: linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%);
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background-position: right;
  }
  .border-t{
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: top;
    background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  }
  .border-b {
    border: none;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: linear-gradient(0,#dddddd,#dddddd 50%,transparent 50%);
    background-image: -webkit-linear-gradient(90deg,#dddddd,#dddddd 50%,transparent 50%);
  }
  .border{
    border: none;
    background-image: -webkit-linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%);
    background-image: linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-repeat: no-repeat;
    background-position: top, right top, bottom, left top;
  }
}
.border-bottom,.border-top,.border-left,.border-right{position: relative;}
/*边框处理*/
.border-bottom:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #ececec;
  color: #ececec;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.border-top:before {
  content: " ";
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ececec;
  color: #ececec;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.border-right:before {
  content: " ";
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #ddd;
  color: #ddd;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
.border-left:after {
  content: " ";
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #ddd;
  color: #ddd;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}

/*其他调整*/
a { color: #000; text-decoration: none ;}
a:hover {/*color: #000;*/  }
input{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);line-height: normal;}
.click_active{background-color:#ECF0F1;}
.m, .mb, .mc, .mt, .p-detail, .p-img, .p-market, .p-name, .p-price, .sm, .smb, .smc, .smt { overflow: hidden ;}


/*边框*/
.img-bg{background:#f2f2f2 no-repeat center center / cover; }/*背景图*/
.shape-z{width: 100%;padding-bottom: 100%!important;}/*正方形*/
.shape-s{width: .5rem;height: .5rem;position: relative;top: -.25rem;left: .5rem;}/*三角形*/

/*flex 布局*/
.flex-col,
.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-col:before,
.flex-row:before,
.flex-col:after,
.flex-row:after {
  content: " ";
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
}
.flex-col:after,
.flex-row:after {
  clear: both;
}
.flex-col {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex-row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.box1{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.box2{-webkit-box-flex: 2; -webkit-flex: 2; flex: 2;}
.box3{-webkit-box-flex: 3; -webkit-flex: 3; flex: 3;}

/*流式布局*/
.flex-parent{
  width: auto;
  height: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
.flex-child{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  flex: 0 0 25%;
  -webkit-flex: 0 0 25%;
}

/*对齐*/
.flex-col.flex-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-col.flex-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-col.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex-col.flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex-col.flex-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-col.flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-row.flex-left {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex-row.flex-right {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex-row.flex-top {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-row.flex-bottom {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-row.flex-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-row.flex-middle {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.box-center{/*水平垂直居中*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient:horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.cont-baseline{
  align-items:baseline;
}

/*颜色*/
.c666{color: #666;}
.c999{color: #9b9b9b;}
.cfff{color:#fff!important;}
.c333{color:#333;}
.c444{color:#444;}
.c555{color:#2b3036;}
.c000{color:#000;}
.cred{color:#f00;}
.cylo{color:#f1c411;}
.cgreen{color: #29ae61;}
.ccc{color:#ccc;}
.ce3{color:#e3e3e3;}
.cmain{color: #2b3036;}
.cmain1{color: #34495E;}
.cgray{color: #63666b;}/*7F8C8D*/
.cgray1{color: #63666b;}/*95a5a6*/
.cpurple{color: #2a81b9 !important;}
.cblue{color: #8f45ad !important;}
.bgpurple{background-color: #2a81b9;}
.bgblue{background-color: #8f45ad;}
.bggreen{background-color: #29ae61;}
.colorb{color: #240672;}
.bgf2{background: #f2f2f2;}
.bgfa{background: #fafafa;}
.bgfff{background: #fff;}
.bg333{background: #333;}
.bg000{background: #000;}
.borb3{border-bottom: 1px solid #2D4052;}
.bggray{background-color: #f2f2f2;}
.bg999{background-color: #9b9b9b;}
.bggray1{background-color: #bdc3c7;}
.bgmain{background-color: #2D4052;}
.bgmain1{background-color: #34495E;}
